<template>
    <div class="suspension-item">
        <div>
            <input type="checkbox" v-model="cartGoods.isChoose">
        </div>
        <img :src="cartGoods.showUrl" alt="">
        <div><i class="el-icon-remove"></i>{{cartGoods.num}}<i class="el-icon-circle-plus"></i></div>
        <div>
            <p>{{cartGoods.name}}</p>
            <p>参数：{{cartGoods.params}}价格：{{cartGoods.price * cartGoods.num}}</p>
        </div>
        <div>
            <i class="el-icon-delete"></i>
        </div>
    </div>
</template>

<script>
    export default {
        name: "SuspensionItem",
        props: {
            cartGoods: {
                type: Object,
                default() {
                    return {}
                }
            }
        }
    }
</script>

<style scoped>
    .suspension-item {
        border: 1px solid red;
    }
</style>